import { reqLogin, reqLogout, reqUserInfo } from '@/api/user'
import type {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from '@/api/user/type'
// 创建用户相关的小仓库
import { defineStore } from 'pinia'
import { GET_TOKEN, REMOVE_TOKEN, SET_TOKEN } from '@/utils/tokens'
// 引入路由（常亮路由）
import { constantRoute, asyncRoute, anyRoute } from '@/router/routes'
import type { UserState } from './type'

import router from '@/router'
// 引入深拷贝方法
import cloneDeep from 'lodash/cloneDeep'

// 用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asyncRoute: any, routes: any) {
  return asyncRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes)
      }
      return true
    }
  })
}

// 创建用户小仓库
const useUserStore = defineStore('User', {
  // 小仓库存储数据地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(), //用户唯一标识token
      menuRoutes: constantRoute, // 菜单路由
      username: '',
      avatar: '',
      // 存储当前用户是否包括某一个按钮
      buttons: [],
    }
  },
  // 处理异步|逻辑地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginFormData) {
      // 登录请求
      const result: loginResponseData = await reqLogin(data)
      if (result.code == 200) {
        // pinia仓库存储token
        // 由于pinia|vuex存储数据其实利用js对象
        this.token = result.data as string
        // 本地存储持久化一份
        SET_TOKEN(result.data as string)
        // 保证当前async函数返回一个成功的promise
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }
    },

    // 获取用户信息的方法
    async userInfo() {
      // 获取用户信息进行存储
      const result: userInfoResponseData = await reqUserInfo()
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        // console.log(result.data.routes)
        // 计算当前用户需要展示的异步路由
        const userAsyncRoute = filterAsyncRoute(
          cloneDeep(asyncRoute),
          result.data.routes,
        )
        // 菜单需要的数据整理
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, anyRoute]
        // 当前路由器管理只有常量路由：用户计算完毕异步路由、任意路由动态添加
        ;[...userAsyncRoute, anyRoute].forEach((route: any) => {
          router.addRoute(route)
        })
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },

    // 退出登录的方法
    async userLogout() {
      const result = await reqLogout()
      if (result.code == 200) {
        // 本地数据清空
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {},
})

// 对外暴露小仓库
export default useUserStore
